﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hyperlapse.Windows</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

    <!-- Hyperlapse references -->
    <link href="/css/default.css" rel="stylesheet" />

    <script src="/js/messages.js"></script>
    <script src="/js/hl.js"></script>
    <script src="/js/navigator.js"></script>
    <script src="/js/default.js"></script>
</head>
<body>
    <div class="web">
        <x-ms-webview class="webview"></x-ms-webview>
    </div>
    <div class="application" role="application">
        <div class="splash">
            <div class="splashimage">
                <img src="/images/splashscreen.png" />
            </div>
            <div class="splashcontent">
                <progress class="win-medium win-ring"></progress>
            </div>
        </div>
        <div id="contenthost" data-win-control="Application.PageControlNavigator" data-win-options="{home: '/pages/hub/hub.html'}"></div>
    </div>
     <div id="appbar" class="hidden" data-win-control="WinJS.UI.AppBar" data-win-options="{ layout: 'custom' }">
        <button class="mapperappbarcommand hidden" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'mapperLaunch', label:'Launch', icon:'right'}" type="button"></button>
        <div id="mappersearchcontainer">
            <div class="mapperappbarcommand hidden" id="mappersearch" data-win-control="WinJS.UI.SearchBox"></div>
        </div>
         <button class="playerappbarcommand hidden" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'playhyperlapse', label:'Play', icon:'play'}" type="button"></button>
    </div>
</body>
</html>
